Watch Flutter Mobile App + Node.js Back End Tutorial – Code an Amazon Clone [Full Course] Video Tutorial


Tutorial Details & Info

Tutorial Title: Flutter Mobile App + Node.js Back End Tutorial – Code an Amazon Clone [Full Course]
Instructor / Channel: freeCodeCamp.org
Lesson Runtime: 26:13 Minutes
Publish Date: June 09, 2022
Total Students / Views: 308,049 views

Follow step-by-step with Flutter Mobile App + Node.js Back End Tutorial – Code an Amazon Clone [Full Course] instructor freeCodeCamp.org. The total lesson runtime is 26:13 minutes providing step-by-step visual instructions. Watch this video tutorial for free without any subscription or sign-up required.

Want to learn more about Flutter Mobile App + Node.js Back End Tutorial – Code an Amazon Clone [Full Course]? Our educational video hub aggregates top-rated learning materials to help you master new skills quickly. Explore more video lessons by freeCodeCamp.org or browse popular topics on TutorTube.

Course Description & Lesson Notes

Official Video Description:

Build a full stack e-commerce app with Flutter, Javascript, Node.js, Express, MongoDB and Mongoose. In this tutorial, you'll learn to build the UI of Amazon from scratch, create REST APIs, store data in MongoDB using Mongoose, use REST APIs with Flutter & Dart using Models, use the Flutter State Management tool as a provider, and create a cross platform app that works on Android and iOS. 💻 Source Code: https://github.com/RivaanRanawat/flutter-amazon-clone-tutorial 💻 Colors and Images: https://github.com/RivaanRanawat/flutter-amazon-clone-tutorial/blob/master/lib/constants/global_variables.dart ✏️ Rivaan Ranawat created this course. Check out his channel: https://www.youtube.com/c/RivaanRanawat 📌 Rivaan's Discord Server: https://discord.gg/Q8Rx8YWFVF ❤️ Try interactive JavaScript courses we love, right in your browser: https://scrimba.com/freeCodeCamp-JavaScript (Made possible by a grant from our friends at Scrimba) ⭐️ Course Contents ⭐️ (0:00:03) Introduction & Demo (0:01:04) Setting Up The Flutter Project (0:05:30) Setting Up Themes (0:09:05) Folder Structure (0:10:31) Setting Up Routes (0:16:58) Auth Screen UI (0:38:57) What is Node.js (0:39:53) Node.js Installation (0:41:51) Initialising Node (0:45:06) First Node.js Script (0:46:47) NPM & Dependencies (0:52:25) Creating Server (0:58:39) Nodemon (1:02:37) Create your First API (1:08:49) Exercise 1: Create GET API (1:09:19) Solution 1 (1:20:12) Routers (1:17:45) Middleware (1:21:33) Sign up Route (1:26:31) Connecting to MongoDB (1:33:17) Creating User Model (1:42:34) Sign up Route cntd (2:09:19) Connecting Sign Up Route With Client Side (2:31:04) Adding TextField & Form Validator (2:34:45) Sign In Route / Exercise 2 (2:37:12) Creating Sign In Route (Solution 2) (2:47:57) Connecting Sign In Route with Client Side (3:04:01) Persisting State (3:25:11) Creating BottomNavBar (3:36:33) Account Screen UI (4:04:39) Home Screen UI (4:41:35) Admin Screen BottomNavBar (4:49:38) Add Product Screen UI (5:08:21) Picking Images (5:17:16) Admin - Selling Product (5:28:43) Create Admin Middleware / Exercise (5:29:24) Solution (5:31:39) Sell Product Contd. (5:48:36) Admin - Fetching & Displaying All Products (6:08:39) Admin - Deleting Product (6:17:09) Self Exercise (Add Product Realtime) (6:17:43) Getting & Displaying Products Based on Category (6:41:19) Searching & Displaying Products (6:47:59) Optional Exercise (Creating Search Product API) (7:06:14) Product Details Screen UI (7:25:58) Rating Products (7:31:09) Rating Product API / Exercise (7:31:43) Solution (7:41:00) Display Ratings (7:50:34) Fetch Deal of The Day (Optional Exercise) (8:05:05) Adding To Cart (8:31:46) Displaying Cart Products (8:52:08) Decreasing Quantity in Cart (9:00:33) Address Screen (9:10:53) Adding GPay/ Apple Pay (9:32:56) Storing User Address & Ordering (9:55:55) Viewing My Orders (10:06:07) Viewing Order Details (10:28:37) Admin - Viewing All Orders (10:37:42) Admin - Change Order Status (10:45:53) Total & Category-Wise Earnings (11:04:34) Display Sales Chart (11:09:44) Log Out (11:14:29) Deployment to Heroku (11:19:55) Testing on Android Device (11:21:46) (Bonus) Flutter 3 (Everything Works!) (11:24:35) Material 3 🎉 Thanks to our Champion and Sponsor supporters: 👾 Raymond Odero 👾 Agustín Kussrow 👾 aldo ferretti 👾 Otis Morgan 👾 DeezMaster -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

🌐 Web & Search Guide Notes (DuckDuckGo, Yahoo & Bing):

Master how to understand Flutter Mobile App + Node.js Back End Tutorial – Code An Amazon Clone [Full Course] with this in-depth video tutorial guide. In this video, you will learn essential skills for Flutter Mobile App + Node.js Back End Tutorial – Code An Amazon Clone [Full Course].

Learning Flutter Mobile App + Node.js Back End Tutorial – Code An Amazon Clone [Full Course] is essential for modern technical workflows and software skills. Follow along with top-rated video tutorials from industry experts today on TutorTube.

Watch Flutter Mobile App + Node.js Back End Tutorial – Code An Amazon Clone [Full Course] full video tutorial and step-by-step course guide with high quality video and audio details on TutorTube.

Access this full course to level up your knowledge efficiently on TutorTube.

🎓 Lesson Overview & Learning Outcomes:

Welcome to the step-by-step video guide for Flutter Mobile App + Node.js Back End Tutorial – Code an Amazon Clone [Full Course] taught by freeCodeCamp.org. This tutorial provides a comprehensive walkthrough designed to take you from foundational principles to practical implementation.

💡 Key Topics Covered in This Course:

  • Core Fundamentals & Setup: Understanding the workspace, essential tools, and initial setup for Flutter Mobile App + Node.js Back End Tutorial – Code an Amazon Clone [Full Course].
  • Step-by-Step Practical Demonstration: Hands-on implementation guided by freeCodeCamp.org with real-world examples.
  • Best Practices & Key Shortcuts: Time-saving workflows, keyboard shortcuts, and industry-standard recommendations.
  • Troubleshooting & Common Pitfalls: How to avoid common beginner errors and optimize your workflow for peak efficiency.

📋 Recommended Prerequisites & Study Notes:

No prior advanced experience is required. Follow along with the video player above on any desktop computer, tablet, or mobile device. Pause and rewind at key steps to practice along with the instructor.

Explore more related video tutorials, course modules, and topic guides on TutorTube.